<template>
  <div class="dialog-container">
    <el-dialog
      title="详情"
      :visible.sync="dialogVisible"
      custom-class="custom-dialog"
      width="50%"
      :before-close="handleClose"
      @opened="initData"
    >
      <el-input
        readonly
        type="textarea"
        :rows="5"
        v-model="obj.content"
      ></el-input>
    </el-dialog>
  </div>
</template>

<script>
export default {
  name: "KnowledgeDetailsDialog",
  props: {
    dialogVisible: {
      type: Boolean,
      default: false,
    },
    obj: {
      type: Object,
      default: null,
    },
  },
  data() {
    return {
      data: {},
    };
  },
  created() {},
  mounted() {},
  methods: {
    initData() {},
    handleClose() {
      this.$emit("closeDialog");
    },
  },
};
</script>

<style lang='scss' scoped>
</style>
